<div id="indexlist">
	
	<!-- article list -->
	{assign var="artId" value=0}
	{foreach from=$articleList item=articleItem}
		{if $artId==0}
			<!-- feature article -->
			<div class="featurearticle">
				<h2><a href="/{$articleItem.url}.html">{$articleItem.title}</a></h2>
				{if $articleItem.image|strlen > 0}
					<a href="/{$articleItem.url}.html">
						<div class="featurearticleimage" style="background-image:url('http://[CDNIMAGEHOST]/img/{$articleItem.image}');">
						</div>
					</a>
				{/if}
								
				<div class="featurearticletext">
					({$articleItem.date|date_format:"%d.%m.%Y"}) {$articleItem.short}
				</div>
				<a href="/{$articleItem.url}.html" title="Zum Artikel: {$articleItem.title}">&raquo; {$articleItem.title}</a>
				<div style="clear:both;"></div>
			</div>
		{else}
			{if $artId==1 || $artId==2}
				<div id="smallfeaturearticle{$artId}" class="smallfeaturearticle">
					<h2><a href="/{$articleItem.url}.html">{$articleItem.title}</a></h2>
					
					{if $articleItem.image|strlen > 0}
						<a href="/{$articleItem.url}.html">
							<div class="smallfeaturearticleimage" style="background-image:url('http://[CDNIMAGEHOST]/img/{$articleItem.image}');"></div>
						</a>
					{/if}
					
					({$articleItem.date|date_format:"%d.%m.%Y"}) {$articleItem.short|truncate:130} 
					<a href="/{$articleItem.url}.html" title="{$articleItem.title}">
						&raquo; {$TEXT_READ_ARTICLE}
					</a>	
					<div style="clear:both;"></div>		
				</div>
				{if $artId==2}
					<div style="clear:both;"></div>
					{if $thisMonthTopArticleList|count == 10}
						<!-- this months top articles -->
						<div class="toparticlelist">
							<h2 class="toparticlelisthead">
								{$TEXT_TOP10_ARTICLE|replace:"[!MONTH!]":$thisTopArticleMonth}
							</h2>
							{assign var="topArticlePos" value=1}
							{foreach from=$thisMonthTopArticleList item=topArticleItem}
								<div id="toparticle{$topArticlePos}" class="toparticle">
									<div class="toparticleposition">
										{$topArticlePos}.
									</div>
									<div class="toparticletitle">
										<a href="/{$topArticleItem.url}.html">{$topArticleItem.title}</a>
									</div>
								</div>
								
								{assign var="topArticlePos" value=$topArticlePos+1}
							{/foreach}
							<div style="clear:both;"></div>
						</div>
					{/if}
					
					<div class="indexflexad">
						<!-- Responsive Home below TOP10 table -->
						<ins class="adsbygoogle"
						     style="display:block"
						     data-ad-client="ca-pub-1779872529656954"
						     data-ad-slot="4943014240"
						     data-ad-format="auto"></ins>
						<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
					</div>
				{/if}
			{else}
				<div class="listarticle">
					{if $articleItem.image|strlen > 0}
						<a href="/{$articleItem.url}.html">
							<div class="listarticleimage" style="background-image:url('http://[CDNIMAGEHOST]/img/{$articleItem.smallimage}');"></div>
						</a>
					{/if}
					<h2><a href="/{$articleItem.url}.html">{$articleItem.title}</a></h2>
					<div class="listarticletext">
						({$articleItem.date|date_format:"%d.%m.%Y"}) {$articleItem.short}
					</div>	
					<div style="clear:both;"></div>		
				</div>				
			{/if}
		{/if}
		{assign var="artId" value=$artId+1}
	{/foreach}
	
	<div class="homefooter">
		{assign var="footerFile" value='themes/default/lang/'|cat:$languageCode}
		{assign var="footerFile" value=$footerFile|cat:'/footer-text.tpl'}
 		{include file=$footerFile}
	</div>
</div>
